<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <link rel="stylesheet" href="./assets/css/base.css">
        <link rel="stylesheet" href="./assets/css/index.css">
    </head>
    <body>
        <header>
            <a href="#" class="user"><img src="./assets/image/user.png" alt=""></a>
            <span>美陈网</span>
            <a href="#" class="search"><img src="./assets/image/search.png" alt=""></a>
        </header>
        <div class="banner">
            <img src="./assets/image/banner.jpg" alt="">
        </div>
        <nav>
            <a href="#" class="nav-index">
                <img src="./assets/image/nav-pic11.png" alt=""><br>
                <span>资讯</span>
            </a>
             <a href="#" class="nav-index">
                <img src="./assets/image/nav-pic22.png" alt=""><br>
                <span>素材库</span>
            </a>
             <a href="#" class="nav-index">
                <img src="./assets/image/nav-pic33.png" alt=""><br>
                <span>商业地产</span>
            </a>
             <a href="#" class="nav-index">
                <img src="./assets/image/nav-pic55.png" alt=""><br>
                <span>供应商</span>
            </a>
             <a href="#" class="nav-index">
                <img src="./assets/image/nav-pic44.png" alt=""><br>
                <span>供需</span>
            </a>
        </nav>
        <div class="zixun-title">
            <span>前沿资讯</span>
            <a href="#"><img src="./assets/image/arrow-title.png" alt=""></a>
        </div>
        <div class="zixun-detail">
            <div class="zixun-list">
                <a href="#"><img src="./assets/image/zixun-pic.jpeg" alt="" class="pic"></a>
                <div class="list-right">
                    <h3>28米高颜值圣诞树点亮城市夜空发发呆发</h3>
                    <p>
                        <img src="./assets/image/clock.png" alt=""><span>2月25日—2月29日</span>
                    </p>
                    <p>
                        <img src="./assets/image/position.png" alt=""><span>上海市 浦东新区 正大广场</span>
                    </p>
                    <p style="float:left;margin-right:20px;">
                        <img src="./assets/image/pinglun.png" alt=""><span>108</span>
                    </p>
                    <p style="float:left">
                        <img src="./assets/image/eye.png" alt=""><span>4308</span>
                    </p>
                </div>
            </div>
            <div class="zixun-list">
                <a href="#"><img src="./assets/image/zixun-pic.jpeg" alt="" class="pic"></a>
                <div class="list-right">
                    <h3>28米高颜值圣诞树点亮城市夜空发发呆发</h3>
                    <p>
                        <img src="./assets/image/clock.png" alt=""><span>2月25日—2月29日</span>
                    </p>
                    <p>
                        <img src="./assets/image/position.png" alt=""><span>上海市 浦东新区 正大广场</span>
                    </p>
                    <p style="float:left;margin-right:20px;">
                        <img src="./assets/image/pinglun.png" alt=""><span>108</span>
                    </p>
                    <p style="float:left">
                        <img src="./assets/image/eye.png" alt=""><span>4308</span>
                    </p>
                </div>
            </div>
            <div class="zixun-list">
                <a href="#"><img src="./assets/image/zixun-pic.jpeg" alt="" class="pic"></a>
                <div class="list-right">
                    <h3>28米高颜值圣诞树点亮城市夜空发发呆发</h3>
                    <p>
                        <img src="./assets/image/clock.png" alt=""><span>2月25日—2月29日</span>
                    </p>
                    <p>
                        <img src="./assets/image/position.png" alt=""><span>上海市 浦东新区 正大广场</span>
                    </p>
                    <p style="float:left;margin-right:20px;">
                        <img src="./assets/image/pinglun.png" alt=""><span>108</span>
                    </p>
                    <p style="float:left">
                        <img src="./assets/image/eye.png" alt=""><span>4308</span>
                    </p>
                </div>
            </div>
            <div class="zixun-list">
                <a href="#"><img src="./assets/image/zixun-pic.jpeg" alt="" class="pic"></a>
                <div class="list-right">
                    <h3>28米高颜值圣诞树点亮城市夜空发发呆发</h3>
                    <p>
                        <img src="./assets/image/clock.png" alt=""><span>2月25日—2月29日</span>
                    </p>
                    <p>
                        <img src="./assets/image/position.png" alt=""><span>上海市 浦东新区 正大广场</span>
                    </p>
                    <p style="float:left;margin-right:20px;">
                        <img src="./assets/image/pinglun.png" alt=""><span>108</span>
                    </p>
                    <p style="float:left">
                        <img src="./assets/image/eye.png" alt=""><span>4308</span>
                    </p>
                </div>
            </div>
        </div>
        <div class="mall-title">
            <span> 热门商场</span>
            <a href="#"><img src="./assets/image/arrow-title.png" alt=""></a>
        </div>
        <div class="sn-clr" style="background-color: #fff;">
            <div class="mall-list">
                <img src="./assets/image/mall-pic.jpg" alt="">
                <p>港汇广场</p>
            </div>
            <div class="mall-list">
                <img src="./assets/image/mall-pic.jpg" alt="">
                <p>港汇广场</p>
            </div>
            <div class="mall-list">
                <img src="./assets/image/mall-pic.jpg" alt="">
                <p>港汇广场</p>
            </div>
            <div class="mall-list">
                <img src="./assets/image/mall-pic.jpg" alt="">
                <p>港汇广场</p>
            </div>
        </div>
        <div class="supply-title">
            <span> 服务商推荐</span>
            <a href="#"><img src="./assets/image/arrow-title.png" alt=""></a>
        </div>
        <div class="supply-list">
            <img src="./assets/image/supply-pic.jpg" alt="">
            <div class="supply-right">
                <h4>中艺展览</h4>
                <span>活动公司</span>
                <p>专业定制大型观赏鱼缸，亚克力工程......</p>
            </div>
        </div>
        <div class="supply-list">
            <img src="./assets/image/supply-pic.jpg" alt="">
            <div class="supply-right">
                <h4>中艺展览</h4>
                <span>活动公司</span>
                <p>专业定制大型观赏鱼缸，亚克力工程......</p>
            </div>
        </div>
        <div class="supply-list">
            <img src="./assets/image/supply-pic.jpg" alt="">
            <div class="supply-right">
                <h4>中艺展览</h4>
                <span>活动公司</span>
                <p>专业定制大型观赏鱼缸，亚克力工程......</p>
            </div>
        </div>
    </body>
</html>